<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .body, html {
            color:#333;
            font-size: 13px;
            font-family: Arial,Hiragino Sans GB,Microsoft YaHei,Microsoft Yahei,STHeiti,SimSun,sans-serif;
            line-height: 25px;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 40px;
            outline: 0;
            padding: 0 15px;
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            width: 100%;
        }

        [class^=el-icon-] {
            font-family: element-icons!important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: baseline;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .el-input__icon {
            height: 100%;
            width: 25px;
            text-align: center;
            transition: all .3s;
            line-height: 40px;
        }
        .el-select .el-input .el-select__caret {
            color: #c0c4cc;
            font-size: 14px;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s,-webkit-transform .3s;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            cursor: pointer;
        }
        .el-select .el-input .el-select__caret {
            line-height: 25px;
        }
        .el-icon-arrow-up:before {
            content: "\E605";
        }

        /*----------*/
        .el-collapse-item__header {
            height: 35px;
            line-height: 35px;
            color: #303133;
            cursor: pointer;
            border-bottom: 1px solid #ebeef5;
            font-size: 14px;
            transition: border-bottom-color .3s;
            outline: 0;
            font-weight: 700;
            font-size: 14px;
            background: #f5f5f5;
            padding-left: 15px;
        }
        .el-collapse-item__header.is-active {
            border-bottom-color: transparent;
            background: #129dd6;
            color: #fff;
        }

        .el-collapse-item__wrap {
            will-change: height;
            overflow: hidden;
            box-sizing: border-box;
            border-bottom: 1px solid #ebeef5;
        }
        /* 分组*/
        /****************/
        .panel-body__content
        {
            padding: 10px;
            height: 400px;
            max-height: 400px;
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            border: 1px solid #e7eaec;
        }
        .el-row {
            position: relative;
            margin-left: -10px;
            margin-right: -10px;
        }
        /*分组内-中间平分左右两列*/
        .el-col-12 {
            float: left;box-sizing: border-box;width: 50%;padding-left: 10px; padding-right: 10px;
        }

        .panel-body__content
        {
            padding: 10px;
            height: 400px;
            max-height: 400px;
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            border: 1px solid #e7eaec;
        }
        /*分组内-分组池-单选框*/
        .el-radio {
            position: relative;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            line-height: 1;
            cursor: pointer;
            white-space: nowrap;
            outline: 0;
            color: #333;
        }
        /*分组内-分组池-单选框-输入框*/
        .el-input {
            position: relative;
            font-size: 14px;
            display: inline-block;
            width: 100%;
        }

        .el-button {
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #fff;
            border: 1px solid #ccc;
            color: #606266;
            -webkit-appearance: none;
            text-align: center;
            box-sizing: border-box;
            outline: 0;
            margin: 0;
            transition: .1s;
            align-items: flex-start;
            font: 400 13px Arial;
            -webkit-writing-mode: horizontal-tb !important;
            text-rendering: auto;
            letter-spacing: normal;
            word-spacing: normal;
            text-transform: none;
            text-indent: 0px;
            text-shadow: none;
            border-radius: 3px;
        }

        /**/
        .light .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active, .light .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-top:hover {
            color: #333;
        }

        .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active, .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-top:hover {
            color: #333;
        }
        .el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card .el-tabs__item:last-child, .el-tabs--top.el-tabs--card .el-tabs__item:last-child, .el-tabs--top .el-tabs--left .el-tabs__item:last-child, .el-tabs--top .el-tabs--right .el-tabs__item:last-child {
            padding-right: 20px;
        }
        .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
            padding-right: 0;
        }
        .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
            color: #409eff;
            background-color: #fff;
            border-right-color: #dcdfe6;
            border-left-color: #dcdfe6;
        }
        .light .el-tabs__item.is-active {
            font-weight: 700;
            color: #333;
        }
        .el-tabs--border-card>.el-tabs__header .el-tabs__item {
            transition: all .3s cubic-bezier(.645,.045,.355,1);
            border: 1px solid transparent;
            margin: -1px -1px 0;
            color: #909399;
        }
        .el-tabs__item.is-active {
            font-weight: 700;
            color: #333;
        }
        .el-tabs__item.is-active {
            color: #409eff;
        }
        .el-tabs__item {
            padding: 0 20px;
            height: 40px;
            box-sizing: border-box;
            line-height: 40px;
            display: inline-block;
            list-style: none;
            font-size: 14px;
            font-weight: 500;
            color: #303133;
            position: relative;
        }

    </style>

    <script src="../../libs/jquery.js"></script>
    <script src="../../scripts/app_bio_analysis.js"></script>
</head>
<body style="margin: 20px;">
    <div id="app">
        <div>
            <div  class="basicAnalysis">
                <div  class="mainProcess">
                    <div  class="description">
                        <h4 style= "margin:0 0 10px 0;font-size: 14px;">基本分析</h4>
                        <p style="padding-bottom:20px;border-bottom: 1px solid #dfe6ec;">
                            基本分析支持用户自定义参数进行分析。可自定义微生物多样性基本分析的主要参数，包括“综合选项”、“原始数据导入”、“样品数据合并”，“扩增子类型”、“样品分组信息”等五个参数模块 ，填写并确认参数信息后点击“提交”即可运行该项目基本分析，可在“总览/我的项目”或 “总览/我的任务”中查看。
                            <br>
                            <strong>论文引用：</strong>
                            如果您在数据分析过程中使用了百迈客云平台或者获得了其他有效帮助，我们期望您在论文发表时提及我们，感谢您对我们的支持和鼓励。引用参考：
                            <br>
                            1) XXX analysis was performed using BMKCloud (www.biocloud.net).<br>
                            2) We performed XXX analysis using XXX tools on the platform BMKCloud (www.biocloud.net).
                        </p>
                    </div>
                    <div  class="project m-t-md el-row" style="padding: 20px 0;margin-top: 20px;">
                        <div class="clear-fix">
                            <label  class="pull-left title_name" style="float:left;line-height:31px;margin: 0px 10px;font-weight: 700;">项目名称
                                <i  class="fa fa-question-circle question-icon el-tooltip"  tabindex="0">
                                </i>
                            </label>
                            <div  class="pull-left" style="float:left;">
                                <div  class="projectName" style="position:relative;width:400px;">
                                    <input  placeholder="请输入项目名称" class="projectName__input el-input__inner">
                                    <div  class="error" style="display: none;">

                                    </div>
                                </div>
                                <div  class="project-list" style="display: none;">
                                    <div data-v-05ac949a="" class="project-list__content">
                                        <ul data-v-05ac949a="">
                                            <li data-v-05ac949a=""><a data-v-05ac949a="">circ_test</a></li>
                                        </ul>
                                        <div data-v-05ac949a="" class="create-project clear-fix">
                                            <button data-v-05ac949a="" type="button" class="el-button pull-right create-project-btn el-button--primary el-button--mini">
                                                <!----><!---->
                                                <span><i data-v-05ac949a="" class="fa fa-plus"></i>新建</span>
                                            </button>
                                            <span data-v-05ac949a="" class="color-red pull-right m-r-sm">项目不存在?
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div  class="el-select pull-right history-box"
                                 style="display: inline-block;position: relative;float: right;width: 450px;">
                                <div class="el-input el-input--suffix" style="position:relative;"><!---->
                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="使用历史参数" class="el-input__inner"
                                        style="padding-right: 30px;"><!---->
                                    <span class="el-input__suffix" style="position: absolute;
                                        top: 0;
                                        -webkit-transition: all .3s;
                                        height: 100%;
                                        color: #c0c4cc;
                                        text-align: center;    right: 5px;
                                        transition: all .3s;">
                                        <span class="el-input__suffix-inner"
                                              style="color: #c0c4cc;text-align: center;">
                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"
                                               style="border-right: 0;">
                                            </i>
                                            <!---->
                                        </span><!---->
                                    </span><!---->
                                </div>
                            </div>
                        </div>
                        <div  class="el-dialog__wrapper create-project__dialog" style="display: none;">
                            <div class="el-dialog" style="width: 30%; margin-top: 15vh;">
                                <div class="el-dialog__header">
                                    <span class="el-dialog__title">新建项目</span>
                                    <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                                        <i class="el-dialog__close el-icon el-icon-close"></i>
                                    </button>
                                </div><!---->
                                <div class="el-dialog__footer">
                                    <span  class="dialog-footer">
                                        <div  class="error" style="float: left; display: none;">

                                        </div>
                                        <button  type="button" class="el-button cancel-btn el-button--default el-button--mini">
                                            <!----><!---->
                                            <span>取消</span>
                                        </button>
                                        <button  type="button" class="el-button confirm-btn el-button--primary el-button--mini">
                                            <!----><!---->
                                            <span>确定</span>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div  class="el-collapse m-b-md"
                          style="border-top: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5; margin: 20px 0px; padding: 10px 0px;">

                        <!--参数项 1-->
                        <div class="el-collapse-item">
                            <div role="tab" >
                                <div role="button" id="el-collapse-head-p1" tabindex="0" class="el-collapse-item__header" onclick="onclick_header('p1')">
                                    <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                                    第①步：分析项目类型（扩展子类型）
                                </div>
                            </div>
                            <div role="tabpanel"  class="el-collapse-item__wrap" style="display:block;">
                                <div class="el-collapse-item__content" style="padding: 10px;">
                                    <form  class="el-form example-box" style="">
                                        <input type="radio" name="param0" id="16s" value="16s"><label for="16s">16s rDNA</label>
                                        <input type="radio" name="param0" id="18s" value="18s"><label for="18s">18s rDNA</label>
                                        <input type="radio" name="param0" id="ITS" value="ITS"><label for="ITS">ITS rDNA</label>
                                        <input type="radio" name="param0" id="古菌" value="古菌"><label for="古菌">古菌 rDNA</label>
                                        <br>
                                        <label>选择测试区域：</label>
                                        <div id="param-16s" style="display: none">
                                            <input type="radio" name="param0-16s" id="16s-0" value="16s-0"><label for="16s-0">V3+V4</label>
                                            <input type="radio" name="param0-16s" id="16s-1" value="16s-1"><label for="16s-1">V4+V5</label>
                                        </div>
                                        <div id="param-18s" style="display: none">
                                            <input type="radio" name="param0-18s" id="18s-0" value="18s-0"><label for="18s-0">V3+V4</label>
                                        </div>
                                        <div id="param-ITS" style="display: none">
                                            <input type="radio" name="param0-ITS" id="ITS-0" value="ITS-0"><label for="ITS-0">ITS1</label>
                                            <input type="radio" name="param0-ITS" id="ITS-1" value="ITS-1"><label for="ITS-1">ITS2</label>
                                        </div>
                                        <div id="param-古菌" style="display: none">
                                            <input type="radio" name="param0-古菌" id="古菌-0" value="古菌-0"><label for="古菌-0">V3+V4</label>
                                            <input type="radio" name="param0-古菌" id="古菌-1" value="古菌-1"><label for="古菌-1">V4+V5</label>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--参数项 2-->
                        <div class="el-collapse-item">
                            <div role="tab" >
                                <div role="button" id="el-collapse-head-p2" tabindex="0" class="el-collapse-item__header" onclick="onclick_header('p2')">
                                    <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                                    第②步：数据类型
                                </div>
                            </div>
                            <div role="tabpanel"  class="el-collapse-item__wrap" style="display:none;">
                                <div class="el-collapse-item__content" style="padding: 10px;">
                                    <label>测序长度: </label>
                                    <input type="number" name="" value="" min="1" onkeyup="checkInt(this)"
                                           style="left: 90px;position: absolute;width: 60px;">
                                    <label style="left:160px;position:absolute;">(输入大于0的整数)</label>
                                    <br>
                                    <select onchange="select_file(this)"  style="width:135px;">
                                        <option value ="fna">fna文件</option>
                                        <option value ="fastq">拼接好的fastq文件</option>
                                        <option value="fastq-two">双端fastq文件</option>
                                    </select>
                                    <div id="fastq-two-param" style="display: none;">
                                        <fieldset style="margin:0px 20px 10px 30px">
                                            <legend>拼接参数: </legend>
                                            overlap:
                                            <input type="number" name="" value="10" min="1" onkeyup="checkInt(this)"
                                                   style="left: 90px;position: absolute;width: 60px;">

                                            <label style="left: 180px;position: absolute;width: 40px;">filtered_length: </label>
                                            <label style="left: 280px;position: absolute;width: 20px;">min: </label>
                                            <input type="number" name="" value="" min="1" onkeyup="checkInt(this)"
                                                   style="left: 310px;position: absolute;width: 40px;">
                                            <label style="left: 360px;position: absolute;width: 20px;">max: </label>
                                            <input type="number" name="" value="" min="1" onkeyup="checkInt(this)"
                                                   style="left: 390px;position: absolute;width: 40px;">

                                            <br>
                                            N:
                                            <input type="number" name="" value="5" min="1" onkeyup="checkInt(this)"
                                                   style="left: 90px;position: absolute;width: 60px;">

                                            <label style="left: 180px;position: absolute;width: 40px;">average_qscore: </label>
                                            <input type="number" name="" value="20" min="1" onkeyup="checkInt(this)"
                                                   style="left: 280px;position: absolute;width: 50px;">
                                        </fieldset>

                                    </div>
                                    <div>
                                        <button value="" style="width:135px;">选择样品</button>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!--参数项 3-->
                        <div class="el-collapse-item">
                            <div role="tab" >
                                <div role="button" id="el-collapse-head-p3" tabindex="0" class="el-collapse-item__header" onclick="onclick_header('p3')">
                                    <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                                    第③步：样品分组
                                </div>
                            </div>
                            <div role="tabpanel"  class="el-collapse-item__wrap" style="display:none;">
                                <div class="el-collapse-item__content" style="padding: 10px;">
                                    <div class="sample-grouping">
                                        <div class="el-row">
                                            <div class="el-col el-col-12">
                                                <div  style="margin-bottom: 5px;">
                                                    <input type="radio" name="param2-group" id="group-0" value="no-group"><label for="group-0">分组</label>
                                                    <input type="radio" name="param2-group" id="group-1" value="do-group"><label for="group-1">不分组</label>
                                                </div>
                                            </div>
                                            <div class="el-col el-col-12" style="float: none; display: inline-block;">
                                                <button type="button" class="el-button">
                                                    <span>
                                                                <i  class="fa fa-download">
                                                                </i>
                                                                下载示例分组文件
                                                            </span>
                                                </button>
                                                <input type="file" name="file" accept="txt" class="el-upload__input" style="display: none;">
                                                <button type="button" class="el-button">
                                                    <span>
                                                                <i  class="fa fa-download">
                                                                </i>
                                                                下载示例分组文件
                                                            </span>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="grouping-pool el-row"
                                             style="position: relative;margin-bottom: 25px;margin-top: 15px;">
                                            <div class="el-tabs el-tabs--top el-tabs--border-card"
                                                 style="box-shadow: none;background: #fff;border: 1px solid #dcdfe6;">
                                                <div class="el-tabs__header is-top"
                                                     style="background-color: #eee;border-bottom: 1px solid #ccc;">
                                                    <span tabindex="0" class="el-tabs__new-tab"
                                                          style="float: right;
                                                                border: 1px solid #129dd6;
                                                            height: 32px;
                                                            width: 100px;
                                                            line-height: 32px;
                                                            margin: 4px 5px 0 1px;
                                                            border-radius: 3px;
                                                            text-align: center;
                                                            font-size: 12px;
                                                            background-color: #129dd6;
                                                            color: #fff;
                                                            cursor: pointer;
                                                            transition: all .15s;">
                                                            <i class="el-icon-plus"></i>
                                                            添加分组类型
                                                    </span>
                                                    <div class="el-tabs__nav-wrap is-top"
                                                         style="overflow: hidden;margin-bottom: -1px;position: relative;">
                                                        <div class="el-tabs__nav-scroll" style="overflow: hidden;">
                                                            <div role="tablist" class="el-tabs__nav is-top"
                                                                 style="transform: translateX(0px);
                                                                  white-space: nowrap;position: relative;
                                                                  transition: transform .3s,-webkit-transform .3s;
                                                                    float: left;
                                                                    z-index: 2;
                                                                    display: block;">
                                                                <div id="tab-1" aria-controls="pane-1" role="tab" aria-selected="true" tabindex="0" class="el-tabs__item is-top is-active"
                                                                     style="color: #333;background-color: #fff;
                                                                        /*border-right-color: #dcdfe6;
                                                                        border-left-color: #dcdfe6;
                                                                        border-bottom-color: transparent;
                                                                        border-top-color: transparent;
                                                                        */
                                                                        transition: all .3s cubic-bezier(.645,.045,.355,1);
                                                                        border-: 1px solid transparent;
                                                                        margin: -1px -1px 0;
                                                                        cursor: pointer;
                                                                        padding: 0 20px;
                                                                        height: 40px;
                                                                        box-sizing: border-box;
                                                                        line-height: 40px;
                                                                        display: inline-block;
                                                                        list-style: none;
                                                                        font-size: 14px;
                                                                        font-weight: 500;
                                                                        position: relative;">
                                                                    <div  class="tab-label" style="display: inline-block;">
                                                                        <label  >分组类型：</label>
                                                                        <div  class="el-input"
                                                                             style="position:relative;font-size: 14px;display: inline-block;width: 60px;"><!---->
                                                                            <input type="text" autocomplete="off" maxlength="9" class="el-input__inner"><!----><!----><!---->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="el-tabs__content"
                                                     style="overflow: hidden; position: relative; padding: 15px;">
                                                    <div  role="tabpanel" id="pane-1" aria-labelledby="tab-1" class="el-tab-pane">
                                                        <div class="panel-body transfer" style="padding: 20px;">
                                                            <div  class="el-row">
                                                                <div class="el-col el-col-12">
                                                                    <div  class="panel-header" style="margin-bottom: 5px;">
                                                                        <span>分组池</span>
                                                                    </div>
                                                                </div>
                                                                <div  class="el-col el-col-12">
                                                                    <div  class="panel-header" style="margin-bottom: 5px;">
                                                                        <span>样品池</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="el-row">
                                                                <div class="el-col el-col-12">
                                                                    <div class="panel-body__content">
                                                                        <div  role="radiogroup" class="el-radio-group" style="line-height: 1;font-size: 0;">
                                                                            <div  class="el-row is-justify-space-around el-row--flex">
                                                                                <div  class="panel-content__col el-col el-col-12">
                                                                                    <label  role="radio" tabindex="0" class="el-radio panel-content__radio is-checked" aria-checked="true">
                                                                                                <span class="el-radio__input is-checked">
                                                                                                    <span class="el-radio__inner"></span>
                                                                                                    <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1">
                                                                                                </span>
                                                                                        <span class="el-radio__label">
                                                                                                    <div  class="panel-content__input el-input"
                                                                                                        style="width: 80px;height: 30px;"><!---->
                                                                                                        <input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!---->
                                                                                                    </div>
                                                                                                    <div  class="panel-content__input el-input" style="display: none;"><!---->
                                                                                                        <input type="text" autocomplete="off" placeholder="性状值" class="el-input__inner"><!----><!----><!---->
                                                                                                    </div><!---->
                                                                                                </span>
                                                                                    </label>
                                                                                </div>
                                                                                <div data-v-7f670df2="" class="el-col el-col-24">

                                                                                </div>
                                                                                <div data-v-7f670df2="">
                                                                                    <div data-v-7f670df2="" class="el-col el-col-24">123</div>
                                                                                </div>
                                                                                <div data-v-7f670df2="">
                                                                                    <div data-v-7f670df2="" class="el-col el-col-24">
                                                                                        <div data-v-7f670df2="" class="feed-element"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div  class="el-col el-col-12">
                                                                    <div  class="panel-arrow--left"
                                                                          style="position: absolute;
                                                                            top: 50%;
                                                                            left: 50%;
                                                                            margin: -7px;
                                                                            opacity: .3;">
                                                                        <i  class="el-icon-d-arrow-left"></i>
                                                                    </div>
                                                                    <div  class="panel-body__content"></div>
                                                                </div>
                                                            </div>
                                                            <div  class="el-row">
                                                                <div class="el-col el-col-12">
                                                                    <div  class="panel-footer"
                                                                          style="padding-left: 10px;height: 43px;line-height: 40px; background-color: #f3f3f4;">
                                                                        <div  class="el-button-group">
                                                                            <button   type="button" class="el-button el-button--default el-button--mini"><!---->
                                                                                <i class="el-icon-plus"></i>
                                                                                <span>添加分组</span>
                                                                            </button>
                                                                            <button  type="button" class="el-button el-button--default el-button--mini"><!---->
                                                                                <i class="el-icon-minus"></i>
                                                                                <span>删除分组</span>
                                                                            </button>
                                                                            <button  type="button" class="el-button el-button--default el-button--mini"><!----><!---->
                                                                                <span>
                                                                                            <i data-v-7f670df2="" class="fa fa-mail-reply-all"></i>
                                                                                            恢复默认
                                                                                        </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="el-col el-col-12">
                                                                    <div class="panel-footer"
                                                                            style="padding-left: 10px; height: 43px;line-height: 40px;background-color: #f3f3f4;">
                                                                        <button type="button" class="el-button el-button--default el-button--mini"><!----><!---->
                                                                            <span>全选</span>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div  class="el-row" style="margin-top: 5px; display: none;">
                                                    <span  class="errorInfo">
                                                        <i class="fa fa-times-circle"></i>
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--参数项 4-->
                        <div class="el-collapse-item">
                            <div role="tab" >
                                <div role="button" id="el-collapse-head-p4" tabindex="0" class="el-collapse-item__header" onclick="onclick_header('p4')">
                                    <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                                    第④步：聚类参数
                                </div>
                            </div>
                            <div role="tabpanel"  class="el-collapse-item__wrap" style="display:none;">
                                <div class="el-collapse-item__content" style="padding: 10px;">
                                    <label>OTU聚类相似度: </label>
                                    <input type="number" name="" value="0.97" min="0.0" max="1.0" step="0.01"
                                           style="left:150px;position:absolute;width:60px;">
                                    <label style="left:220px;position:absolute;">(输入0-1之间的数值)</label>
                                    <br>
                                    <label>OTU最低深度:</label>
                                    <label style="left:220px;position:absolute;">(输入大于0的整数)</label>
                                    <input type="number" name="" value="2" min="1" onkeyup="checkInt(this)"
                                           style="left: 150px;position: absolute;width: 60px;">
                                    <br>
                                    <label>序列反比OTU相似度:</label>
                                    <input type="text" name="" value="0.76" min="0.0" max="1.0" step="0.01"
                                           style="left: 150px;position: absolute;width: 60px;">
                                    <label style="left:220px;position:absolute;">(输入0-1之间的数值)</label>
                                </div>
                            </div>
                        </div>
                        <!--参数项 5-->
                        <div class="el-collapse-item">
                            <div role="tab" >
                                <div role="button" id="el-collapse-head-p5" tabindex="0" class="el-collapse-item__header" onclick="onclick_header('p5')">
                                    <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                                    第⑤步：OTU物种分类
                                </div>
                            </div>
                            <div role="tabpanel"  class="el-collapse-item__wrap" style="display:none;">
                                <div class="el-collapse-item__content" style="padding: 10px;">
                                    <label>OTU物种分类：</label>
                                    <select>
                                        <option value ="silva132-16s">silva132/16s</option>
                                        <option value ="silva132-18s">silva132/18s</option>
                                        <option value="silva132-archaea">silva132/archaea</option>
                                        <option value="unite8.0-ITS_fungi">unite8.0/ITS_fungi</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                        <!--保存参数，提交-->
                    <div>
                        <div class="el-col-12">
                            <label role="checkbox"  class="el-checkbox is-checked">
                            <span aria-checked="mixed" class="el-checkbox__input is-checked">
                                <span class="el-checkbox__inner">
                                </span>
                                <input type="checkbox"class="el-checkbox__original" value="">
                            </span>
                                <span class="el-checkbox__label">保存分析参数<!---->
                            </span>
                            </label>
                            <div class="paramName-box">
                                <div class="nameVal el-input el-input--small"><!---->
                                    <input type="text" autocomplete="off" placeholder="请输入内容" maxlength="50" class="el-input__inner"
                                    style="width: 300px">
                                    <!----><!----><!---->
                                </div> <!---->
                            </div>
                            <button type="button" class="el-button" style="width:140px;height: 30px;margin-top: 10px;"><!----><!---->
                                <span>保存参数</span>
                            </button>
                        </div>
                        <div class="el-col-12" >
                            <button  type="button" class="el-button" style="float: right; width:200px;height: 30px;margin-top: 10px;"><!----><!---->
                                <span>提交</span>
                            </button>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</body>
</html>